<!--  -->
<template>
<div>
  <div class="desktop-box">
    <div style="height: 100%;overflow-y: scroll;">
      <LeftBox @leftAction="leftAction"></LeftBox>
    </div>

    <div style="flex: 1;">
      <RightBox :empObj="empObj" ></RightBox>
    </div>

   
    
  </div>
  
</div>
</template>

<script>
import LeftBox from "./cell/leftboxcv.vue"
import RightBox from "./cell/rightboxcv.vue"
export default {

  components: {

    LeftBox,
    RightBox

},
data() {
  return {
    empObj: null
}
  },
  methods: {

    leftAction (obj) { 
      console.log(obj);
      this.empObj = obj;
    }
  },
//生命周期 - 创建完成（访问当前this实例）
created() {

},
//生命周期 - 挂载完成（访问DOM元素）
mounted() {

}
}
</script>
<style scoped>
/* @import url(); 引入css类 */
.desktop-box{
  width: 100%;
  height:calc(100vh - 50px);
  display: flex;
  overflow: hidden;
  
}
::-webkit-scrollbar{display:none;}
</style>